html { height: 96%; }
body { min-height: 100%; height: 100%; font-family: georgia, serif }

.bottomBorder { border-bottom: 1px dotted #E1E1E1; }

.green { color: #98BF21; }
.white { color: white; }
.orange { color: #FF5C1F; }
.blue { color: #0000FF; }

.beigeBackground { background-color: #FDF2EE; }
.greenBackground { background-color: #98BF21; }

.blackBorder { border: 1px solid black; }
.topBlackBorder { border-top-style: solid; border-top-width: 1px }

#sb-body-inner { background-color: #98BF21; }

.highlight { background-color: yellow; }
.altHighlight { background-color: #00FFFF; }

.contextHighlight { background-color: #FA8072; cursor: pointer; }

.pointer { cursor: pointer; }

.draggerBox {
    border: 1px solid blue;
    background-color: #00FFFF;
    position: absolute;
    zIndex: 500;
    opacity: .3;
}

.windowWidth { width: 95%; }

.width5 { width: 5%; }
.width10 { width: 10%; }
.width15 { width: 15%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width30 { width: 30%; }
.width33 { width: 33%; }
.width35 { width: 30%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width65 { width: 65%; }
.width70 { width: 70%; }
.width75 { width: 75%; }
.width78 { width: 78%; }
.width80 { width: 80%; }
.width85 { width: 85%; }
.width90 { width: 90%; }
.width95 { width: 95%; }
.width98 { width: 98%; }
.fullWidth { width: 100%; }

.height3 { height: 3%; }
.height5 { height: 5%; }
.height10 { height: 10%; }
.height50 { height: 50%; }
.height80 { height: 80%; }
.height85 { height: 85%; }
.height87 { height: 87%; }
.height90 { height: 90%; }
.height95 { height: 95%; }
.fullHeight { height: 100%; }

.padding1 { padding: 1em; }
.padding10p { padding: 10px; }
.paddingTop5 { padding-top: 5px; }
.paddingBottom5 { padding-bottom: 5px; }

.topMargin1 { margin: 1em 0em 0em 0em; }
.topMargin2 { margin: 2em 0em 0em 0em; }
.rightMargin1 { margin: 0em 1em 0em 0em; }
.bottomMargin1 { margin: 0px 0px 5px 0px; }
.bottomMargin2 { margin: 0em 0em 2em 0em; }
.leftMargin10 { margin: 0em 0em 0em 10%; }
.leftMargin1 { margin: 0em 0em 0em 1em; }
.leftMargin2 { margin: 0em 0em 0em 2em; }

.updateLabelBox {
    color: red;
    border-style: none;
}

.contextMenu {
    font-size: .75em;
    border: 1px blue solid;
    background-color: white;
    text-align: center;
    position: absolute;
    zIndex: 5000;
}

.savedCladeRow:hover { background-color: yellow; cursor: pointer; }
.selectedSavedClade { background-color: #FFA500; }

.panelItemPopupItem:hover { background-color: #FFA500; cursor: pointer; }
.panelItemPopupItem { padding: 5px; border: 1px black dotted; }

.panelItemPopup {
    font-size: .75em;
    color: blue;
    border: 1px black solid;
    background-color: white;
    text-align: center;
}

.scrollHeight { height: 7em; }

.scrollable { overflow: auto; }
.hideOutside { overflow: hidden; }

a { color: blue; outline: 0; }

a:link, a:hover, a:visited, a:active { text-decoration: none; }


.pageHeaderText { font-size: 1.5em; }

.bigText { font-size: 1.15em; }
.smallText { font-size: .75em; }
.smallerText { font-size: .5em; }

.panelItem { text-align:center; font-size: .75em; cursor: pointer; color: blue; margin-bottom: 5px; }
.disabledPanelItem { text-align:center; font-size: .75em; cursor: default; color: grey; margin-bottom: 5px; }
.panelItem:hover { background-color: #FFA500; }

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both }
.fLeft { float: left }
.fRight { float: right }
.fCenter { margin-left: auto; margin-right: auto; }

.hide { display: none }

ul, ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.transparent
{
    filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    opacity: 0.6; 
}

.disabled { color: grey; cursor: default; }

.black { color: black; }

#tabs { border: none; background: none; }
#tabSelector { background-color: white; }

.qq-upload-button { padding-top: 5px; color: blue; }

.progressBarHeader {
    position: absolute;
    zIndex: 500;
    text-align: center;
    color: blue;
}

.progressBar {
    position: absolute;
    zIndex: 500;
}

.draggableLens {
    position: absolute;
    zIndex: 500;
    opacity: .3;
    background-color: #6666CC;
    border: 1px solid blue;
}

.absoluteFront {
    position: absolute;
    zIndex: 500;
}
